//点击切换城市 显示城市列表
$(".tabOne").on("click",function(){
	$("#cont").css("display","block")
	
})
//获取城市列表数据
$(function(){
		$.get("http://localhost:6500/data/city.json",function(data){
//			console.log(data)
//			console.log(data.result.hotcity)
			var hotArr=data.result.hotcity
//			console.log(hotArr)
			//热门城市
			for (var i=0;i<hotArr.length;i++) {
				$("<a href='#'></a>").html(hotArr[i].name).appendTo(".lis>p")
			}
			//A-Z
			for(var j in data.result.citylist){
				
				$("<a href='#'>"+j+"</a>").appendTo(".shi>h6")
			}
			for(var i=0;i<data.result.citylist["A"].length;i++){
//				console.log(data.result.citylist["A"][i].name)
				$("<a href='#'>"+data.result.citylist["A"][i].name+"</a>").appendTo($(".shi p"))
			}
			//点击切换城市
			$(".shi>h6 a").on("click",function(){
				$(".shi>p").html("")
//				console.log($(this).text())
				var shiArr= data.result.citylist[$(this).text()]
				for (var i=0;i<shiArr.length;i++) {
					$("<a href='#'></a>").html(shiArr[i].name).appendTo(".shi>p")
				}
			})
			//点击关闭
			$(".closes").on("click",function(){
				$("#cont").hide()
			})
		})
		//二级菜单数据获取
		$.get("http://localhost:6500/data/xiu1.json",function(data){
			var xiu1Arr=data.result
			for (var i=0;i<xiu1Arr.length;i++) {
				var li=$("<li></li>")
				$("<span></span>").html(xiu1Arr[i].name).appendTo(li)
				var list1Arr=xiu1Arr[i].list
				for (var j=0;j<list1Arr.length;j++) {
					$("<a href='#'>"+list1Arr[j].name+"</a> ").appendTo(li)
					li.appendTo(".p1 ul")
				}
			}
		})
		//修电脑
		$.get("http://localhost:6500/data/xiu2.json",function(data){
			for (var i=0;i<data.result.hot.length;i++) {
				$("<a href='#'>"+data.result.hot[i].name+"</a>").appendTo(".dl1 dd")
			}
			for (var i=0;i<data.result.other.length;i++) {
				$("<a href='#'>"+data.result.other[i].name+"</a>").appendTo(".dl2 dd")
			}
		})
		//卖手机
		$.get("http://localhost:6500/data/xiu3.json",function(data){
			
			for (var i=0;i<data.result.length;i++) {
				$("<a href='#'>"+data.result[i].name+"</a>").appendTo(".li3")
			}
		})
		//二手机
		$.get("http://localhost:6500/data/xiu4.json",function(data){
//			console.log(data.result)
			for (var i in data.result) {
				$("<a href='#'>"+data.result[i]+"</a>").appendTo(".li4")
			}
		})
		//分页
 var div=document.querySelector(".page")
 window.Hale.Page(div,{
        totalPages: 20,//分页总数
        liNums: 9,//分页的数字按钮数(建议取奇数)
        callBack : function(page){
//             console.log(page);
            // ajax请求对应页数的数据
			 if(page>5){
			 	return
			 }       				$.get("http://localhost:6500/data/shop"+page+".json",function(data){
				console.log(data)
				$(".px").html(baidu.template("tep",data))
				$(".paixu").hover(function(){
					console.log($(".paixu dl dd a" ))
					$(".paixu dl dd a").show()
				},function(){
					$(".paixu dl dd a").hide()
				})
//				console.log($(".paixu dl dd a")).on("click",function(){})
			})
        },
        hasPrv:false,
        hasFirstPage:false,
        hasLastPage:false,
        hasNext:true,
        next:"下一页>>"
    })
})
	//二级菜单切换
	var t
	$("#lefts ul li").eq(0).hover(function(){
		$(".p1").css("display","block")
	},function(){
		 t=setTimeout(function(){
			$(".p1").css("display","none")
		},100)
		
	})
	$(".p1").hover(function(){
		clearTimeout(t)
		$(".p1").css("display","block")
	},function(){
		$(".p1").css("display","none")
	})
	$("#lefts ul li").eq(1).hover(function(){
		$(".li2").css("display","block")
	},function(){
		 t=setTimeout(function(){
			$(".li2").css("display","none")
		},100)
	})
	$(".li2").hover(function(){
		clearTimeout(t)
		$(".li2").css("display","block")
	},function(){
		$(".li2").css("display","none")
	})
	$("#lefts ul li").eq(2).hover(function(){
		$(".li3").css("display","block")
	},function(){
		 t=setTimeout(function(){
			$(".li3").css("display","none")
		},100)
		
	})
	$(".li3").hover(function(){
		clearTimeout(t)
		$(".li3").css("display","block")
	},function(){
		$(".li3").css("display","none")
	})
	$("#lefts ul li").eq(3).hover(function(){
		$(".li4").css("display","block")
	},function(){
		 t=setTimeout(function(){
			$(".li4").css("display","none")
		},100)
	})
	$(".li4").hover(function(){
		clearTimeout(t)
		$(".li4").css("display","block")
	},function(){
		$(".li4").css("display","none")
	})

//热门回收
$.get("http://localhost:6500/data/shoujihuishou.json",function(data){
	console.log(data.result)
	for (var i=0;i<data.result.length;i++) {
		$("<dl><dt><img src='"+data.result[i].img_url+"'/></dt><dd>"+data.result[i].model_alis+"</dd></dl>").appendTo(".section3")
		
	}

})
//优品精选
$.get("http://localhost:6500/data/youpinjingxuan.json",function(data){
	console.log(data.result)
	for (var i=0;i<data.result.length;i++) {
	$("<dl><dt><img src='"+data.result[i].thum_img.big+"'/></dt><dd>"+data.result[i].model_name+"</dd><dd class='dd'>￥"+data.result[i].price+"</dd></dl>").appendTo(".section4")
	}
})
//注册
$(".zc").on("click",function(){
	$("#loginin").show()
	$("#zhuceNow").on("click",function(){
		$.ajax({
		type:"post",
		url:"http://localhost:6500/receiveMsg",
		data:JSON.stringify({
			email:$("#email").val(),
			pwd:$("#pwd").val()
		}),
		success:function(data){
				console.log(data.email);
				alert("注册成功")
//				for (var i=0;i<data.length;i++) {
//					if (email.value==data[i].email) {
//						alert("该邮箱已经被注册")
//					}
//				}
				$("#loginin").hide()
			}
		});
	})
})
$(".title p a").on("click",function(){
	$("#loginin").hide()
})
//登陆
$(".dL").on("click",function(){
//	console.log($("#login"))
	$("#login").show()
	$("#dlNow").on("click",function(){
		var obj={
			email:$(".zhanghao").val(),
			pwd:$(".mima").val()
		}
		$.post("http://localhost:6500/denglu",JSON.stringify(obj),function(data){
			$(".zhanghao").val("")
			$(".mima").val("")
			if (data*1) {
				alert("登陆成功")
				$("#login").hide()
			}else{
				alert("登录失败")
			}
		})
	})
})
$(".dl p a").on("click",function(){
	$("#login").hide()
})
//打开关闭地图
$(".map button").on("click",function(){
	$("#map").show()
})
$(".mapTop").on("click",function(){
	$("#map").hide()
})
//地图
 var map = new AMap.Map('mapCenter',{
            resizeEnable: true,//改变大小
            zoom: 10,//缩放
        });
        //地图控件
        AMap.plugin(['AMap.ToolBar','AMap.Scale','AMap.OverView'],
		    function(){
		        map.addControl(new AMap.ToolBar());
		
		        map.addControl(new AMap.Scale());
		});
		//获取第一页店铺信息
		$.get("http://localhost:6500/data/shop1.json",function(data){
			for (var i=0;i<data.shop_data.length;i++) {
				var mk = new AMap.Marker({
					map:map,
					position: [data.shop_data[i].map_longitude,data.shop_data[i].map_latitude],
					icon:"img/t01647448c59c844934.png"
   			});
   			(function(idx){
   				mk.on("click",function(){
 				createinfoWindow(data.shop_data[idx])
   					})
   				})(i)
   			
			}
//设置地图中心点
			var center=getCenter(data.shop_data)
			map.setCenter(center)
		})
//计算平均经纬度
   			function getCenter(shopArr){
			    var A = 0;
			    var B = 0;
			    for(var i=0;i<shopArr.length;i++){
			        A += shopArr[i].map_longitude;
			        B += shopArr[i].map_latitude;
			    } 
			    var obj =[A/shopArr.length,B/shopArr.length]
			    return obj;
			}
//创建信息窗体
				function createinfoWindow(shop){
					infoWindow=new AMap.InfoWindow({
						isCustom:true,
						content:'<div style="width: 200px;,height: 150px; border: 1px solid black; background:white;"><p style="width:200px;height: 40px; background: #ccc; border-bottom: 1px solid blue;">'+shop.shop_name+'</p><p style="font-size: 12px; padding-left: 10px;">主营:'+shop.main+'</p><p style="font-size: 12px; padding-left: 10px;">地址:'+shop.addr+'</p><p style="font-size: 12px; padding-left: 10px;"><a href='+shop.shop_addr+'>进入店铺</a></p></div>',
						offset:new AMap.Pixel(16,-50)
					});
					infoWindow.open(map,[shop.map_longitude,shop.map_latitude])
				}
//地图分页
 window.Hale.Page(mapBottom,{
        totalPages: 20,//分页总数
        liNums: 9,//分页的数字按钮数(建议取奇数)
        callBack : function(page){
//             console.log(page);
            // ajax请求对应页数的数据
			 if(page>5){
			 	return
			 }       				$.get("http://localhost:6500/data/shop"+page+".json",function(data){
				console.log(data)
				$(".px").html(baidu.template("tep",data))
				$(".paixu").hover(function(){
					console.log($(".paixu dl dd a" ))
					$(".paixu dl dd a").show()
				},function(){
					$(".paixu dl dd a").hide()
				})
			})
        },
        hasPrv:false,
        hasFirstPage:false,
        hasLastPage:false,
        hasNext:true,
        next:"下一页>>"
    })
